<template>
  <div class="allContent">
    <!-- 左边栏目开始 -->
    <LeftSide @sendData="sendData" />
    <!-- 左边栏目结束 -->

    <!-- 右边栏目开始 -->
    <div class="rightSide">
      <!-- 搜索input开始 -->
      <Search @sendData="sendData"  />
      <!-- 搜索input结束 -->

      <!--推荐攻略头部开始  -->
      <RecommendList :searchData="newData" />
      <!-- 推荐攻略列表结束 -->
    </div>
  </div>
</template>


<script>
import LeftSide from "../../components/post/LeftSide";
import Search from "../../components/post/Search";
import RecommendList from "../../components/post/RecommendList";
export default {
  components: {
    LeftSide,
    Search,
    RecommendList,
  },
  data() {
    return {
      newData: [],
    };
  },
  methods: {
    sendData(newData) {
      this.newData = newData;
    },
    sendTotal(newTotal) {
      this.newTotal = newTotal;
    },
  },
};
</script>

<style lang="less" scoped>
// 主题颜色
.orange {
  color: #ffa500 !important;
}

// 整个页面
.allContent {
  width: 1000px;
  height: 100%;
  margin: 16px auto;
  display: flex;
  justify-content: space-between;

  //   左侧布局

  // 右侧内容
  .rightSide {
    height: 100%;
    width: 700px;
    // background-color: #0a0;

    // 推荐攻略
  }
}
</style>